<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <!-- 视口标签，禁止用户在移动端随意拉动 -->
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>首页</title>
  <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/tradecenter.css">
  

    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
   <!-- 头部区域 -->
   <header>
    <!--导航条设计-->



  </header>
  <!-- /头部区域 -->

  <!-- 中间内容 -->
  <section class="content">
    <div class="container">
     <!-- <div style="">
     -->
     <!-- Nav tabs -->
     <ul class="nav nav-tabs" role="tablist">
      <li role="presentation" class="active">
        <a href="#home" aria-controls="home" role="tab" data-toggle="tab">购买

        </a>

      </li>
      <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">出售</a></li>

    </ul>

    <!-- Tab panes -->
    <div class="tab-content trade-table">

      <div role="tabpanel" class="tab-pane active" id="home">
      
         <table class="table table-striped tablelist" >
           <thead>
             <tr>
               <th>卖家</th> 
               <th>数量</th>

               <th>单价</th>
               <th class="mobile-unshow">金额</th>
               <th>操作</th>
             </tr>
           </thead>

           <tbody>


            <tr>
              <td class="author">

               <div class="surname">
                 <span class="surname-text">敌</span>
               </div>
               <a href="#">1敌敌畏222</a>



             </td>
             <td class="paddingtd"><span>995000</span></td>
             <td class="paddingtd"><p>0.00024 CNY</p></td>
             <td class="paddingtd price mobile-unshow">240 CNY</td>
             <td>
              <a class="btn btn-info" href="trade.html" role="button">买入</a>

            </td>

          </tr>
          <tr>
            <td class="author">

              <div class="surname" style="background-color:#8f5aad;">
               <span class="surname-text">敌</span>
             </div>
             <a href="#">敌敌畏222</a>



           </td>
           <td class="paddingtd"><span>995000</span></td>
           <td class="paddingtd">5,000-190,000 CNY</td>
           <td class="paddingtd price mobile-unshow">42,532.00 CNY</td>
           <td>

             <a class="btn btn-info" href="#" role="button">买入</a>
           </td>

         </tr>
         <tr>
          <td class="author">
           <div class="surname" style="background-color:#a2b240;">
             <span class="surname-text">敌</span>
           </div>
           <a href="#">敌敌畏222</a>
           
           

         </td>
         <td class="paddingtd"><span>995000</span></td>
         <td class="paddingtd">5,000-190,000 CNY</td>
         <td class="paddingtd price mobile-unshow">42,532.00 CNY</td>
         <td> <a class="btn btn-info" href="#" role="button">买入</a></td>

       </tr>
       <tr>
        <td class="author">

         <div class="surname">
           <span class="surname-text">敌</span>
         </div>
         <a href="#"><!-- <span style="color:red;">敌</span> -->敌敌畏222</a>



       </td>
       <td class="paddingtd"><span>995000</span></td>
       <td class="paddingtd"><p>5,000-190,000 CNY</p></td>
       <td class="paddingtd price">42,532.00 CNY</td>
       <td><!--  <a class="btn btn-info" href="#" role="button">买入</a> -->
        <a class="btn btn-info" href="#" role="button">买入</a>

      </td>

    </tr>
    <tr>
      <td class="author">

        <div class="surname" style="background-color:#8f5aad;">
         <span class="surname-text">敌</span>
       </div>
       <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



     </td>
     <td class="paddingtd"><span>995000</span></td>
     <td class="paddingtd">5,000-190,000 CNY</td>
     <td class="paddingtd price">42,532.00 CNY</td>
     <td><!--  <a class="btn btn-info" href="#" role="button">买入</a> -->

       <a class="btn btn-info" href="#" role="button">买入</a>
     </td>

   </tr>
   <tr>
    <td class="author">
     <div class="surname" style="background-color:#a2b240;">
       <span class="surname-text">敌</span>
     </div>
     <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



   </td>
   <td class="paddingtd"><span>995000</span></td>
   <td class="paddingtd">5,000-190,000 CNY</td>
   <td class="paddingtd price">42,532.00 CNY</td>
   <td> <a class="btn btn-info" href="#" role="button">买入</a></td>

 </tr>
 <tr>
  <td class="author">

   <div class="surname">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:red;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd"><p>5,000-190,000 CNY</p></td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td><!--  <a class="btn btn-info" href="#" role="button">买入</a> -->
  <a class="btn btn-info" href="#" role="button">买入</a>

</td>

</tr>
<tr>
  <td class="author">

    <div class="surname" style="background-color:#8f5aad;">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd">5,000-190,000 CNY</td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td><!--  <a class="btn btn-info" href="#" role="button">买入</a> -->

   <a class="btn btn-info" href="trade.html" role="button">买入</a>
 </td>

</tr>
<tr>
  <td class="author">
   <div class="surname" style="background-color:#a2b240;">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd">5,000-190,000 CNY</td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td> <a class="btn btn-info" href="#" role="button">买入</a></td>

</tr>
<tr>
  <td class="author">
   <div class="surname" style="background-color:#a2b240;">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd">5,000-190,000 CNY</td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td> <a class="btn btn-info" href="#" role="button">买入</a></td>

</tr>
</tbody>
</table>

<!-- 列表分页 -->
<div class="row pagebar">
  
    <nav aria-label="Page navigation">
      <ul class="pagination">

        <!-- 分页链接禁用状态 -->
        <!-- <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">上页</span></a></li> -->
        <li><a href="#" aria-label="Homepage" title="首页"><span aria-hidden="true">首页</span></a></li>
        <li class="disabled"><span><span aria-hidden="true">&laquo;</span></span></li>
        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
        <li><a href="#" title="第2页">2</a></li>
        <li><a href="#" title="第3页">3</a></li>
        <li><a href="#" title="第4页">4</a></li>
        <li><a href="#" title="第5页">5</a></li>
        <li><a href="#" aria-label="Next" title="下页"><span aria-hidden="true">&raquo;</span></a></li>
        <li class="mobile-unshow"><a href="#" aria-label="Last" title="尾页"><span aria-hidden="true">尾页</span></a></li>
      </ul>
    </nav>
  
</div>
<!--  </div> -->








</div>
<!--  第一个标签页结束 -->
<div role="tabpanel" class="tab-pane" id="profile">
 <table class="table table-striped tablelist" >
   <thead>
     <tr>
       <th>买家</th> 
       <th>数量</th>

       <th>单价</th>
       <th class="mobile-unshow">金额</th>
       <th>操作</th>
     </tr>
   </thead>

   <tbody>


    <tr>
      <td class="author">

       <div class="surname">
         <span class="surname-text">敌</span>
       </div>
       <a href="#"><!-- <span style="color:red;">敌</span> -->2敌敌畏222</a>



     </td>
     <td class="paddingtd"><span>995000</span></td>
             <td class="paddingtd"><p>0.00024 CNY</p></td>
             <td class="paddingtd price">240 CNY</td>
             <td>
              <a class="btn btn-warning" href="#" role="button">卖出</a>

            </td>


  </tr>
  <tr>
    <td class="author">

      <div class="surname" style="background-color:#8f5aad;">
       <span class="surname-text">敌</span>
     </div>
     <a href="#">敌敌畏222</a>



   </td>
   <td class="paddingtd"><span>995000</span></td>
   <td class="paddingtd">5,000-190,000 CNY</td>
   <td class="paddingtd price mobile-unshow">42,532.00 CNY</td>
   <td><!--  <a class="btn btn-info" href="#" role="button">买入</a> -->

     <a class="btn btn-info" href="#" role="button">买入</a>
   </td>

 </tr>
 <tr>
  <td class="author">
   <div class="surname" style="background-color:#a2b240;">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd">5,000-190,000 CNY</td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td> <a class="btn btn-info" href="#" role="button">买入</a></td>

</tr>
<tr>
  <td class="author">

   <div class="surname">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:red;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd"><p>5,000-190,000 CNY</p></td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td><!--  <a class="btn btn-info" href="#" role="button">买入</a> -->
  <a class="btn btn-info" href="#" role="button">买入</a>

</td>

</tr>
<tr>
  <td class="author">

    <div class="surname" style="background-color:#8f5aad;">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd">5,000-190,000 CNY</td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td><!--  <a class="btn btn-info" href="#" role="button">买入</a> -->

   <a class="btn btn-info" href="#" role="button">买入</a>
 </td>

</tr>
<tr>
  <td class="author">
   <div class="surname" style="background-color:#a2b240;">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd">5,000-190,000 CNY</td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td> <a class="btn btn-info" href="#" role="button">买入</a></td>

</tr>
<tr>
  <td class="author">

   <div class="surname">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:red;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd"><p>5,000-190,000 CNY</p></td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td><!--  <a class="btn btn-info" href="#" role="button">买入</a> -->
  <a class="btn btn-info" href="#" role="button">买入</a>

</td>

</tr>
<tr>
  <td class="author">

    <div class="surname" style="background-color:#8f5aad;">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd">5,000-190,000 CNY</td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td><!--  <a class="btn btn-info" href="#" role="button">买入</a> -->

   <a class="btn btn-info" href="#" role="button">买入</a>
 </td>

</tr>
<tr>
  <td class="author">
   <div class="surname" style="background-color:#a2b240;">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd">5,000-190,000 CNY</td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td> <a class="btn btn-info" href="#" role="button">买入</a></td>

</tr>
<tr>
  <td class="author">
   <div class="surname" style="background-color:#a2b240;">
     <span class="surname-text">敌</span>
   </div>
   <a href="#"><!-- <span style="color:#8f5aad;">敌</span> -->敌敌畏222</a>



 </td>
 <td class="paddingtd"><span>995000</span></td>
 <td class="paddingtd">5,000-190,000 CNY</td>
 <td class="paddingtd price">42,532.00 CNY</td>
 <td> <a class="btn btn-info" href="#" role="button">买入</a></td>

</tr>
</tbody>
</table>

<!-- 列表分页 -->
<div class="row pagebar">

  <nav aria-label="Page navigation">
    <ul class="pagination">

      <!-- 分页链接禁用状态 -->
      <!-- <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">上页</span></a></li> -->
      <li><a href="#" aria-label="Homepage" title="首页"><span aria-hidden="true">首页</span></a></li>
      <li class="disabled"><span><span aria-hidden="true">&laquo;</span></span></li>
      <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
      <li><a href="#" title="第2页">2</a></li>
      <li><a href="#" title="第3页">3</a></li>
      <li><a href="#" title="第4页">4</a></li>
      <li><a href="#" title="第5页">5</a></li>
      <li><a href="#" aria-label="Next" title="下页"><span aria-hidden="true">&raquo;</span></a></li>
      <li><a href="#" aria-label="Last" title="尾页"><span aria-hidden="true">尾页</span></a></li>
    </ul>
  </nav>

</div>


</div>

<!-- </div> -->

</div>
</div>
</section>
<!-- /中间内容 -->

<!-- 底部内容 -->
<footer id="footer">

</footer>
<!-- 底部内容end -->
<script src="../lib/jquery/jquery-2.1.1.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript">
  $(function () {

    $('header').load('../common/nav.html');
    $('footer').load('../common/footer.html');




  })
</script>
</body>
</html>